<template>
  <div class="warning">
    <CesiumCommon />
    <LeftCommon :isCollapse="state.isCollapse" />
    <RightCommon :isCollapse="state.isCollapse" />
  </div>
</template>

<script lang="ts" setup>
import CesiumCommon from "./cesium-common/index.vue";
import LeftCommon from "./left-common/index.vue";
import RightCommon from "./right-common/index.vue";
import { ref, reactive, provide, watch, onMounted } from "vue";

const state = reactive({
  isCollapse: false,
});

onMounted(async () => {});
</script>

<style lang="less" rel="stylesheet/less" scoped>
.warning {
  width: 100%;
  height: 100%;
  position: relative;
}
</style>
